import type { DefaultTheme } from 'vitepress'

export const getZhNav: () => DefaultTheme.NavItem[] = () => {
  return [
    {
      text: 'Home',
      link: '/en/'
    },
    {
      text: 'Guide',
      link: '/en/guide/'
    },
    {
      text: 'Ecosystem',
      items: [
        {
          icon: 'reco-message',
          text: 'Official Libraries',
          items: [
            {
              text: 'Vue3.js',
              link: 'https://vuejs.org'
            },
            {
              text: 'Vue-router',
              link: 'https://router.vuejs.org/'
            },
            {
              text: 'pinia',
              link: 'https://pinia.vuejs.org/'
            }
          ]
        },
        {
          icon: 'reco-message',
          text: 'UI Components',
          items: [
            {
              text: 'Element-plus',
              link: 'https://element.eleme.io/'
            },
            {
              text: 'v-charts',
              link: 'https://v-charts.js.org/'
            },
            {
              text: 'nprogress',
              link: 'https://github.com/rstacruz/nprogress'
            },
            {
              text: 'vue-quill-editor',
              link: 'https://github.surmon.me/vue-quill-editor/'
            },
            {
              text: 'vitepress',
              link: 'https://vitepress.dev/'
            }
          ]
        },
        {
          icon: 'reco-message',
          text: 'plug-in',
          items: [
            {
              text: 'vue-i18n ',
              link: 'http://kazupon.github.io/vue-i18n/'
            },
            {
              text: 'Axios',
              link: 'https://github.com/axios/axios'
            },
            {
              text: 'vuedraggable',
              link: 'https://github.com/SortableJS/Vue.Draggable'
            }
          ]
        }
      ]
    },
    {
      text: 'About',
      items: [
        {
          icon: 'reco-account',
          text: 'FAQ',
          link: '/en/about/faq'
        },
        {
          icon: 'reco-account',
          text: 'Team',
          link: '/en/about/team'
        },
        {
          icon: 'reco-account',
          text: 'Releases',
          link: '/en/about/releases'
        }
      ]
    }
  ]
}
